<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>debug.jsp</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link href="ext-3.2.1/resources/css/ext-all.css" type=text/css
			rel=stylesheet>
		<script type="text/javascript"
			src="ext-3.2.1/adapter/ext/ext-base-debug.js"> </script>
		<!--  发布的时候使用这个版本-->
		<script type="text/javascript" src="ext-3.2.1/ext-all-debug.js"> </script>
		<!--在主页中导入jquery的包,可以在编辑器中直接使用-->
		<script type="text/javascript" src="js/jquery-1.5.1.js"> </script>
		<!-- js代码格式化工具 -->
		<script type="text/javascript" src="js/beautify.js"></script>
		<!-- Ext日志插件 -->
		<script type="text/javascript" src="js/debug-log.js"> </script>
		<!--Ext在线编辑器插件 -->
		<script type="text/javascript" src="js/codepress/Ext.ux.codepress.js"></script>


		<!-- 初始化脚本 -->
		<script type="text/javascript" src="js/module/module-north.js"></script>
		<script type="text/javascript" src="js/module/module-south.js"></script>
		<script type="text/javascript" src="js/module/module-east.js"></script>
		<script type="text/javascript" src="js/module/module-west.js"></script>
		<script type="text/javascript" src="js/module/module-center.js"></script>
		<script type="text/javascript" src="js/module/module-event.js"></script>
		<script type="text/javascript">
		var log = Ext.log;
		Ext.onReady(function() {
		Ext.QuickTips.init();// 支持tips提示
		Ext.BLANK_IMAGE_URL = 'ext-3.2.1/resources/images/access/tree/s.gif';
		// 提示的方式，枚举值为"qtip","title","under","side",id(元素id)
		// side方式用的较多，右边出现红色感叹号，鼠标上去出现错误提示，其他的我就不介绍了，可自行验证
		// 大家可以分别去掉这两行代码，看效果就会明白他们的作用，（放在onReady的function（）{}中）
		Ext.form.Field.prototype.msgTarget = 'title';
		Ext.apply(Ext.form.VTypes, {
			password : function(val, field) { // val指这里的文本框值，field指这个文本框组件，大家要明白这个意思
					if (field.confirmTo) { // confirmTo是我们自定义的配置参数，一般用来保存另外的组件的id值
					var pwd = Ext.get(field.confirmTo);// 取得confirmTo的那个id的值
					return (val == pwd.getValue());
				}
				return true;
			}
		});
		var rootnode = new Ext.tree.AsyncTreeNode( {
			id : 'rootNode',
			text : 'root',
			draggable : false,
			id : Module.basef
		});
		
		var viewport = new Ext.Viewport( {
			id : 'viewport-component',
			monitorResize:true,
			layout : 'border',
			items : [Module.region.north, Module.region.south, Module.region.east, Module.region.west,
					Module.region.center]
		});
		Module.event.addListener();
		});
		</script>
		<style type="text/css">
html,body {
	font: normal 12px verdana;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

p {
	margin: 5px;
}

.settings {
	background-image: url(images/folder_wrench.png);
}

.nav {
	background-image: url(images/folder_go.png);
}

a {
	color: #00c
}

a:active {
	color: #f60
}

.search-item {
	font: normal 12px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
}

.search-item h3 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search-item h3 span {
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	width: 100px;
	display: block;
	clear: none;
}
</style>
	</head>

	<body>
		<div id="west">
		</div>
		<div id="north">

		</div>
		<div id="center2">
		</div>
		<div id="center1">

		</div>

		<div id="south">

		</div>
	</body>
</html>
